// 1.根据class名，筛选 出所有符合条件的li
var toolbaritem = document.getElementsByClassName("toolbar-items");
//2.遍历toolbarItem中所有的li,给每个li绑定点击事件
for(var i = 0; i < toolbaritem.length;i++){
	 // 以i为索引，从toolbarItem中 取出 每一个li
	 var items = toolbaritem[i];
	 
	 items.onclick = function(){
	 	 // 3.找到所有的li，先将其颜色变成灰色
	 	 for(var j = 0; j < toolbaritem;j++){
	 	 	var li = toolbaritem[j];
	 	 	 // 给li设置一个class，名字为：toolbar-item
	 	 	 li.className = "toolbar-items";
//	 	 	console.log('li.className') 
	 	 }
	 	  //接着，给当前点击的这个li，再加上一个class名（toolbar-active）
        // 在这里，this指代的是当前点击的这个li
        this.className = "toolbar-items toolbar-active";
	 }
}
